﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Registeration.aspx.cs" Inherits="Registeration" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <table style="width: 100%; height: 512px;">
    <tr>
        <td style="height: 56px" colspan="4">
            <br />
            <span style="color: #0033CC; text-decoration: underline"><strong>Please fill the following required information to complete registeration</strong></span></td>
    </tr>
    <tr>
        <td style="width: 132px; height: 38px"><strong>Username</strong></td>
        <td style="width: 12px; height: 38px">:</td>
        <td style="height: 38px; width: 983px">
            <asp:TextBox ID="UsernameTextBox1" runat="server" OnTextChanged="UsernameTextBox1_TextChanged" BorderColor="#0033CC" cssclass="txtbox" Width="249px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="UsernameRequiredFieldValidator1" runat="server" ControlToValidate="UsernameTextBox1" ErrorMessage="*" style="color: #FF0000; font-size: large"></asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ControlToValidate="UsernameTextBox1" ErrorMessage="please Enter your real name" ValidationExpression="^[a-zA-Z ]*$" ForeColor="Red"></asp:RegularExpressionValidator>
        </td>
        <td style="height: 38px">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 132px; height: 39px"><strong>Password</strong></td>
        <td style="width: 12px; height: 39px">:</td>
        <td style="height: 39px; width: 983px">
            <asp:TextBox ID="PasswordTextBox3" runat="server" TextMode="Password" cssclass="txtbox" Width="247px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="PasswordRequiredFieldValidator1" runat="server" ControlToValidate="PasswordTextBox3" ErrorMessage="*" style="color: #FF0000; font-size: large"></asp:RequiredFieldValidator>
            <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="PasswordTextBox3" ControlToValidate="ConfirmPassTextBox2" ErrorMessage="Password don' match" ForeColor="Red"></asp:CompareValidator>
        </td>
        <td style="height: 39px">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 132px; height: 38px; font-weight: 700;">Re-Password</td>
        <td style="width: 12px; height: 38px">:</td>
        <td style="height: 38px; width: 983px">
            <asp:TextBox ID="ConfirmPassTextBox2" runat="server" TextMode="Password" cssclass="txtbox" Width="246px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="ConfirmPassRequiredFieldValidator6" runat="server" ControlToValidate="ConfirmPassTextBox2" ErrorMessage="*" style="color: #FF0000; font-size: large"></asp:RequiredFieldValidator>
&nbsp;
            <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ControlToValidate="ConfirmPassTextBox2" ErrorMessage="*must contain numbers , special charachters , upper case and at least 8 charachters" ForeColor="Red" ValidationExpression="^.*(?=.{8,})(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).*$"></asp:RegularExpressionValidator>
        </td>
        <td style="height: 38px"></td>
    </tr>
    <tr>
        <td style="width: 132px; height: 40px"><strong>Email</strong></td>
        <td style="width: 12px; height: 40px">:</td>
        <td style="height: 40px; width: 983px">
            <asp:TextBox ID="EmailTextBox4" runat="server" cssclass="txtbox" Width="245px" ></asp:TextBox>
            <asp:RequiredFieldValidator ID="EmailRequiredFieldValidator2" runat="server" ControlToValidate="EmailTextBox4" ErrorMessage="*" style="color: #FF0000; font-size: large"></asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="EmailRegularExpressionValidator1" runat="server" ControlToValidate="EmailTextBox4" ErrorMessage="Invalid E-mail" style="color: #FF0000; " ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
        </td>
        <td style="height: 40px">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 132px; height: 41px; font-weight: 700;">Mobile Number</td>
        <td style="width: 12px; height: 41px">:</td>
        <td style="height: 41px; width: 983px">
            <asp:TextBox ID="MobileNumberTextBox5" runat="server" TextMode="Phone" cssclass="txtbox" Width="244px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="MobileRequiredFieldValidator3" runat="server" ControlToValidate="MobileNumberTextBox5" ErrorMessage="*" style="color: #FF0000; font-size: large"></asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="MobileNumberTextBox5" ErrorMessage="Please enter your valid mobile number" ForeColor="Red" ValidationExpression="^\s*\+?\s*([0-9][\s-]*){11}$"></asp:RegularExpressionValidator>
        </td>
        <td style="height: 41px">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 132px; height: 41px; font-weight: 700;">Secret Question</td>
        <td style="width: 12px; height: 41px">:</td>
        <td style="height: 41px; width: 983px">
            <asp:DropDownList ID="SecretQuestionDropDownList1" runat="server" Height="18px" Width="247px" cssclass="txtbox" style="margin-left: 0px">
                <asp:ListItem Selected="True">Select Question</asp:ListItem>
                <asp:ListItem>What is Your Favourtie Color ?</asp:ListItem>
                <asp:ListItem>who is Your Favourite uncle ?</asp:ListItem>
                <asp:ListItem>who is your favourite player ?</asp:ListItem>
                <asp:ListItem>what is your best place ?</asp:ListItem>
                <asp:ListItem></asp:ListItem>
            </asp:DropDownList>
        </td>
        <td style="height: 41px">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 132px; height: 43px; font-weight: 700;">Secret Answer</td>
        <td style="width: 12px; height: 43px">:</td>
        <td style="height: 43px; width: 983px">
            <asp:TextBox ID="SecretAnswerNumberTextBox6" runat="server" TextMode="Phone" cssclass="txtbox" Width="243px"></asp:TextBox>
        </td>
        <td style="height: 43px">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 132px; height: 46px; font-weight: 700;">Gender</td>
        <td style="width: 12px; height: 46px">:</td>
        <td style="height: 46px; width: 983px">
            <asp:RadioButtonList ID="GenderRadioButtonList1" runat="server" RepeatDirection="Horizontal">
                <asp:ListItem>Male</asp:ListItem>
                <asp:ListItem>Female</asp:ListItem>
            </asp:RadioButtonList>
            <asp:RequiredFieldValidator ID="GenderRequiredFieldValidator4" runat="server" ControlToValidate="GenderRadioButtonList1" ErrorMessage="*" style="color: #FF0000; font-size: large"></asp:RequiredFieldValidator>
&nbsp;</td>
        <td></td>
        <td style="height: 46px">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="3" style="height: 27px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
&nbsp;<asp:Button ID="RegisterButton1" runat="server" BackColor="#0033CC" ForeColor="White" PostBackUrl="~/Registeration.aspx" Text="Register" Width="203px" cssclass="txtbox" style="margin-left: 10px" OnClick="RegisterButton1_Click" />
        &nbsp;<asp:Label ID="RegisterLabel1" runat="server" ForeColor="Red"></asp:Label>
        </td>
        <td style="height: 27px">&nbsp;</td>
    </tr>
    </table>
</asp:Content>

